<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>data-</title>
</head>

<body>
  <!-- 
    h5新增加了自定义属性的规范
      1.自定义属性都是以 data- 开头做为属性
      2.data-后面必须至少一个字符
      3.不要有特殊字符，纯数字
      4.一般都是小写

    h5新增的获取自定义属性方法
      element.dataset.index 或 element.dataset["index"] ie11才支持
        dataset是一个集合里面存放了以data开头的所有的自定义属性
      data-school-name(这种方式获取值时，使用驼峰命名来获取值了)
        dataset["schoolName"]
  -->
  <div data-index="2"></div>
  <p data-school-name="cz">这是p标签了</p>
</body>
<script>
  "use strict";
  document.querySelector("p").addEventListener("click", (e) => {
    let names = e.currentTarget.dataset["schoolName"];
    console.log(names);
  });
</script>

</html>